<!DOCTYPE html>
<html lang='en'>
<head>
  <meta charset='utf-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <meta http-equiv='x-ua-compatible' content='ie=edge'>

  <title>AdminLTE 3 | Dashboard 2</title>

  <!-- Font Awesome Icons -->
 <!-- Font Awesome -->
		<link rel='stylesheet' href='../../plugins/font-awesome/css/font-awesome.min.css'>
		<!-- Ionicons -->
		<link rel='stylesheet' href='https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'>
		<!-- Theme style -->
		<link rel='stylesheet' href='../../dist/css/adminlte.min.css'>
		<!-- iCheck -->
		<link rel='stylesheet' href='../../plugins/iCheck/flat/blue.css'>
		<!-- Morris chart -->
		<link rel='stylesheet' href='../../plugins/morris/morris.css'>
		<!-- jvectormap -->
		<link rel='stylesheet' href='../../plugins/jvectormap/jquery-jvectormap-1.2.2.css'>
		<!-- Date Picker -->
		<link rel='stylesheet' href='../../plugins/datepicker/datepicker3.css'>
		<!-- Daterange picker -->
		<link rel='stylesheet' href='../../plugins/daterangepicker/daterangepicker-bs3.css'>
		<!-- bootstrap wysihtml5 - text editor -->
		<link rel='stylesheet' href='../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css'>
		<!-- Google Font: Source Sans Pro -->
		<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700' rel='stylesheet'>
		<!-- DataTables -->
		<link rel='stylesheet' href='../../plugins/datatables/dataTables.bootstrap4.css'>
</head>
<body class='hold-transition sidebar-mini'>
<div class='card'>
              <div class='card-header border-transparent'>
                    <h3>货物状态</h3>
											<div class='card-tools'>
                  <button type='button' class='btn btn-tool' data-widget='collapse'>
                    <i class='fa fa-minus'></i>
                  </button>
                  <button type='button' class='btn btn-tool' data-widget='remove'>
                    <i class='fa fa-times'></i>
                  </button>
                </div>
              </div>
              <!-- /.card-header -->
              <div class='card-body p-0'>
                <div class='table-responsive'>
                  <table class='table m-0'>
                    <thead>
                    <tr>
                      <th>订单ID</th>
                      <th>车辆代号</th>
                      <th>货物状态</th>
                      <th>货物信息</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td><a href='pages/examples/invoice.html'>OR9842</a></td>
                      <td>Call of Duty IV</td>
                      <td><span class='badge badge-success'>Shipped</span></td>
                      <td>
                        <div class='sparkbar' data-color='#00a65a' data-height='20'>90,80,90,-70,61,-83,63</div>
                      </td>
                    </tr>
                    <tr>
                      <td><a href='pages/examples/invoice.html'>OR1848</a></td>
                      <td>Samsung Smart TV</td>
                      <td><span class='badge badge-warning'>Pending</span></td>
                      <td>
                        <div class='sparkbar' data-color='#f39c12' data-height='20'>90,80,-90,70,61,-83,68</div>
                      </td>
                    </tr>
                    
                    </tbody>
                  </table>
                </div>
                <!-- /.table-responsive -->
              </div>
              <!-- /.card-body -->
              <div class='card-footer clearfix'>
                <select class='form-control' style='width: 150px;'>
                	<option>正常</option>
                	<option>损坏</option>
                	<option>部分损坏</option>
                </select>
                <br/>
                <a href='javascript:void(0)' class='btn btn-sm btn-info float-left'>Place New Order</a>
              </div>
              <!-- /.card-footer -->
            </div>
<!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
		<script src='../../plugins/jquery/jquery.min.js'></script>
		<!-- jQuery UI 1.11.4 -->
		<script src='https://code.jquery.com/ui/1.12.1/jquery-ui.min.js'></script>
		<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
		<script>
			$.widget.bridge('uibutton', $.ui.button)
		</script>
		<!-- Bootstrap 4 -->
		<script src='../../plugins/bootstrap/js/bootstrap.bundle.min.js'></script>
		<!-- DataTables -->
		<link rel='stylesheet' href='../../plugins/datatables/dataTables.bootstrap4.css'>
		<!-- Theme style -->
		<link rel='stylesheet' href='../../dist/css/adminlte.min.css'>
		<!-- Morris.js charts -->
		<script src='https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js'></script>
		<script src='../../plugins/morris/morris.min.js'></script>
		<!-- Sparkline -->
		<script src='../../plugins/sparkline/jquery.sparkline.min.js'></script>
		<!-- jvectormap -->
		<script src='../../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js'></script>
		<script src='../../plugins/jvectormap/jquery-jvectormap-world-mill-en.js'></script>
		<!-- jQuery Knob Chart -->
		<script src='../../plugins/knob/jquery.knob.js'></script>
		<!-- daterangepicker -->
		<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js'></script>
		<script src='../../plugins/daterangepicker/daterangepicker.js'></script>
		<!-- datepicker -->
		<script src='../../plugins/datepicker/bootstrap-datepicker.js'></script>
		<!-- Bootstrap WYSIHTML5 -->
		<script src='../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js'></script>
		<!-- Slimscroll -->
		<script src='../../plugins/slimScroll/jquery.slimscroll.min.js'></script>
		<!-- FastClick -->
		<script src='../../plugins/fastclick/fastclick.js'></script>
		<!-- AdminLTE App -->
		<script src='../../dist/js/adminlte.js'></script>
		<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
		<script src='../../dist/js/pages/dashboard.js'></script>
		<!-- AdminLTE for demo purposes -->
		<script src='../../dist/js/demo.js'></script>
</body>
</html>
